---
layout: default
---

<div class="docs-content">

  <section class="masthead content-section">
    <h1>Fries v{{ site.version }}</h1>
    <p class="subtitle">Create sexy Android-like UI<br />using HTML, CSS, and JavaScript.</p>

    <div class="downloads">
      <a href="https://github.com/jaunesarmiento/fries/archive/master.zip" data-ignore="true" class="btn docs-button" onClick="_gaq.push(['_trackEvent', 'Download Body', 'v{{ site.version }}']);">Download Fries v{{ site.version }}</a>
      <a href="https://github.com/jaunesarmiento/fries/" data-ignore="true" class="btn docs-button" onClick="_gaq.push(['_trackEvent', 'View on GitHub', 'v{{ site.version }}']);">View it on GitHub</a>

      <a href="examples/index.html" class="btn docs-button view-demo">View Demo</a>


      <ul>
        <li><a data-ignore="true" class="twitter-share-button" href="https://twitter.com/share" data-url="http://jaunesarmiento.me/fries/" data-text="Fries v{{ site.version }}: Create sexy #Android UI using #HTML, #CSS, and #JavaScript." data-via="getfries">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  </li>
        <li>
          <a data-ignore="true" class="twitter-follow-button" href="https://twitter.com/getfries" data-show-count="true">Follow @getfries</a>
              <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
        </li>
        <li>
          <iframe width="107" height="20" src="http://ghbtns.com/github-btn.html?user=jaunesarmiento&repo=fries&type=watch&count=true" frameborder="0" scrolling="0" allowtransparency="true"></iframe>
        </li>
        <li>
          <iframe width="95" height="20" src="http://ghbtns.com/github-btn.html?user=jaunesarmiento&repo=fries&type=fork&count=true" frameborder="0" scrolling="0" allowtransparency="true"></iframe>
        </li>
        <li>
          <a href="https://news.ycombinator.com/submit" class="hn-button" data-title="Fries" data-url="http://jaunesarmiento.me/fries/" data-count="horizontal" data-style="twitter">Vote on Hacker News</a>
          <script type="text/javascript">var HN=[];HN.factory=function(e){return function(){HN.push([e].concat(Array.prototype.slice.call(arguments,0)))};},HN.on=HN.factory("on"),HN.once=HN.factory("once"),HN.off=HN.factory("off"),HN.emit=HN.factory("emit"),HN.load=function(){var e="hn-button.js";if(document.getElementById(e))return;var t=document.createElement("script");t.id=e,t.src="//hn-button.herokuapp.com/hn-button.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)},HN.load();</script>
        </li>
      </ul>
    </div>
  </section>

</div>

<section id="nexus">
  <div class="nexus-overlay"></div>
  <div class="nexus-content">
    <iframe src="./examples/index.html"></iframe>
  </div>
</section>
